/*
  请求地址:http://wthrcdn.etouch.cn/weather_mini
  请求方法:get
  请求参数:city(城市名)
  响应内容:天气信息
  */
var app=new Vue({
    el:"#app",
    data:{
        city:"芜湖",
        list:[],
    },
    methods:{
     search:function () {
          var that=this
            if(this.city){
                 axios.get(`http://wthrcdn.etouch.cn/weather_mini?city=${this.city}`)
                 .then(function (response) {
                   // console.log(response.data.data.forecast)
                    that.list=response.data.data.forecast
                }
                    )
                     .catch(function (erro) {
                       alert("不是合法的地名喔")
                     })
            }else{
                alert("不能输入空值哦")
            }

       },
       changeCity:function (city) {
            this.city=city
            this.search()
       }
    },
    // 注册一个局部自定义指令 实现页面加载时自动点击
    //auto是指令名 不要忘了v-前缀
    //inserted表示被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
    // el是被绑定的元素
    directives:{
    auto:{
     inserted(el){
        el.click()
      }
   }
}

})
